@extends('layouts.index')
<script type="text/javascript" src="{{asset('manger/plugins/layui2.0/layui.js')}}"></script>

<link href="{{asset('js/video/css/video-js.css')}}" rel="stylesheet">

<style type="text/css">
    .layui-upload-file {
        display: none;
    }
</style>
@section('title','个人信息')

@section('content')
    <div class="main-container">
        <div class="account">
            @include('web.user.userInfo')

            <div class="account-splitter ">
                <div class="pixel-pattern pixel-pattern--01 span5 span5-tablet span7-mobile"></div>
            </div>
            <div class="account-edit">
                <!-- react-empty: 1748 -->
                <div class="confirm-dialog">
                    <div class="confirm-dialog__dialog">
                        <div class="confirm-dialog__dialog__content">
                            <p>Are you sure?</p>
                        </div>
                        <div class="confirm-dialog__dialog__actions">
                            <button>Confirm</button>
                            <button class="button--dark">Cancel</button>
                        </div>
                    </div>
                </div>

                <form action="{{route('user_reset_password_post')}}" method="post">
                    <div class="account-block-content">
                        <div class="">
                            <aside class="span5 span5-tablet span14-mobile account-block-content__aside">@lang('web.your_account_details')
                            </aside>
                            <div class="span9 span100p-tablet span100p-mobile account-block-content__content">
                                    {{csrf_field()}}

                                <label
                                        class="custom-label relative"><span class="custom-label__label"><!-- react-text: 1762 -->@lang('web.full_name')
                                        <!-- /react-text --></span><input type="text" id="name"
                                                                          class="custom-input__input span3 span11-mobile"
                                                                          label="Name" name="name" value="{{$user->name}}"
                                                                          placeholder="Full name"></label><label
                                        class="custom-label relative"><span class="custom-label__label"><!-- react-text: 1766 -->@lang('web.email')
                                        <!-- /react-text --></span><input type="text" id="email"
                                                                          class="custom-input__input span3 span11-mobile"
                                                                          label="Email" name="email"
                                                                          placeholder="Email" value="{{$user->email}}" disabled></label>
                                <label class="custom-label relative"><span class="custom-label__label"><!-- react-text: 1774 -->@lang('web.new_password')
                                        <!-- /react-text --></span><input type="password" id="oldPassword"
                                                                          class="custom-input__input span3 span11-mobile"
                                                                          label="Old Password" name="password"
                                                                          placeholder="@lang('web.new_password')"></label><label
                                        class="custom-label relative"><span class="custom-label__label"><!-- react-text: 1778 -->@lang('web.confirm_password')
                                        <!-- /react-text --></span><input type="password" id="newPassword"
                                                                          class="custom-input__input span3 span11-mobile"
                                                                          label="@lang('web.conform_password')" name="password_confirmation"
                                                                          placeholder="Password"></label></div>
                            <div class="cf"></div>
                        </div>
                    </div>
                    <div class="account-block-submit pixel-pattern pixel-pattern--01">
                        <div class="push5 push0-mobile account-block-submit__content">
                            <div class="span3 span8-mobile">
                                <button type="submit" value="Update settings" name="Update settings"
                                        class="form-submit"><!-- react-text: 1785 -->Update settings<!-- /react-text -->
                                    <svg class="svg-spinner form-submit__spinner svg-spinner--inactive" width="16px"
                                         height="16px" viewBox="0 0 66 66">
                                        <circle class="svg-spinner__path-bg" stroke="transparent" fill="none"
                                                stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>
                                        <circle class="svg-spinner__path" stroke="#dbdbdb" fill="none" stroke-width="6"
                                                stroke-linecap="round" cx="33" cy="33" r="30"></circle>
                                    </svg>
                                </button>
                            </div>

                            <div class="cf"></div>
                        </div>
                        <div class="cf"></div>
                    </div>

                </form>
            </div>
        </div>
    </div>
@endsection